<!DOCTYPE html>
<html>

	<head>

		<meta name="viewport" content="width=device-width-10, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<meta charset="utf-8" />

		<link rel="icon" href="https://dabai-1259760387.cos.ap-beijing.myqcloud.com/801%E5%B7%A5%E5%85%B7%E7%AE%B1/icon/801_256.ico" type="image/x-icon" />

		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<script src="js/bootstrap.js"></script>
		<script src="js/jquery.min.js"></script>

		<script src="js/qrcode.js"></script>

		<meta charset="utf-8" />
		<title>二维码界面</title>

		<style type="text/css">
			body {
				text-align: center;
				padding: 16px;
			}
		</style>

	</head>

	<body>

		<div class="card" style="text-align: center;">

			<div class="card-body">

				<h5 class="card-title">二维码卡片</h5>
				<p class="card-text">扫描这个二维码可以查看我的名片</p>

				<div id="qr_view" align="center" />
			</div>
		</div>

	</body>

	<script type="text/javascript">
		function getQueryVariable(variable) {
			var query = window.location.search.substring(1);
			var vars = query.split("&");
			for(var i = 0; i < vars.length; i++) {
				var pair = vars[i].split("=");
				if(pair[0] == variable) {
					return pair[1];
				}
			}
			return(false);
		}

		var str1 = "https://dabai2017.gitee.io/qr-call/call.html?name=" + getQueryVariable("name") + "&tel=" + getQueryVariable("tel") + "&other1=" + getQueryVariable("other1") + "&other1url=" + getQueryVariable("other1url");

		new QRCode(document.getElementById("qr_view"), str1);
	</script>

</html>